<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
<title>Bootstrap4中文站 &middot; 全球最流行的 HTML、CSS 和 JS 工具库。</title>
<!--IE兼容组件-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit|ie-comp|ie-stand">

<!-- Bootstrap 核心CSS -->
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
<!-- 本文档额外专用css -->
<link href="assets/css/docs.min.css" rel="stylesheet">

<!-- Favicons图标定义 -->
<link rel="apple-touch-icon" href="assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">

<link rel="mask-icon" href="assets/img/favicons/safari-pinned-tab.svg" color="#563d7c">
<link rel="icon" href="favicon.ico">
<meta name="msapplication-config" content="assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#563d7c">

<!-- Meta关键字定义 -->
<meta name="description" content="全球最流行的 HTML、CSS 和 JS 工具库。">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">

<!-- Twitter -->
<meta name="twitter:site" content="@getbootstrap">
<meta name="twitter:creator" content="@getbootstrap">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Bootstrap">
<meta name="twitter:description" content="全球最流行的 HTML、CSS 和 JS 工具库。">
<meta name="twitter:image" content="assets/brand/bootstrap-social.png">

<!-- Facebook -->
<meta property="og:url" content="https://v4.bootcss.com">
<meta property="og:title" content="Bootstrap">
<meta property="og:description" content="全球最流行的 HTML、CSS 和 JS 工具库。">
<meta property="og:image" content="assets/brand/bootstrap-social.png">
<meta property="og:image:secure_url" content="assets/brand/bootstrap-social.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<link rel="stylesheet" href="./dist/css/zico.min.css" rel="stylesheet">
</head>
<body>
<a id="skippy" class="sr-only sr-only-focusable" href="#content">
<div class="container"> <span class="skiplink-text">跳到主体内容</span> </div>
</a>
<header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar"> <a class="navbar-brand mr-0 mr-md-2" href="../index.html" aria-label="Bootstrap">
  <svg class="d-block" width="36" height="36" viewbox="0 0 612 612" xmlns="http://www.w3.org/2000/svg" focusable="false">
    <title>Bootstrap</title>
    <path fill="currentColor" d="M510 8a94.3 94.3 0 0 1 94 94v408a94.3 94.3 0 0 1-94 94H102a94.3 94.3 0 0 1-94-94V102a94.3 94.3 0 0 1 94-94h408m0-8H102C45.9 0 0 45.9 0 102v408c0 56.1 45.9 102 102 102h408c56.1 0 102-45.9 102-102V102C612 45.9 566.1 0 510 0z"/>
    <path fill="currentColor" d="M196.77 471.5V154.43h124.15c54.27 0 91 31.64 91 79.1 0 33-24.17 63.72-54.71 69.21v1.76c43.07 5.49 70.75 35.82 70.75 78 0 55.81-40 89-107.45 89zm39.55-180.4h63.28c46.8 0 72.29-18.68 72.29-53 0-31.42-21.53-48.78-60-48.78h-75.57zm78.22 145.46c47.68 0 72.73-19.34 72.73-56s-25.93-55.37-76.46-55.37h-74.49v111.4z"/>
  </svg>
  </a>
  <div class="navbar-nav-scroll">
    <ul class="navbar-nav bd-navbar-nav flex-row"> 
      <li class="nav-item"><a class="nav-link " href="docs/index.html">中文手册</a></li>
      <li class="nav-item"><a class="nav-link " href="examples/index.html">实例</a></li>
      
      
    </ul>
  </div>
 
  <a class="btn btn-bd-yellow d-none d-lg-inline-block mb-3 mb-md-0 ml-md-3" href="docs/download.html">下载 Bootstrap</a> </header>
<main class="bd-masthead" id="content" role="main">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-6 mx-auto col-md-6 order-md-2"> <img class="img-fluid mb-3 mb-md-0" src="assets/img/bootstrap-stack.png" alt="" width="1024" height="860"> </div>
      <div class="col-md-6 order-md-1 text-center text-md-left">
        <h1 class="mb-3 bd-text-purple-bright">Bootstrap 4.5.3</h1>
        <p class="lead"> Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。 </p>
        <p class="lead mb-4"> Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app 。 </p>
		<div class="d-flex flex-column flex-md-row lead mb-3">
        <a href="docs/index.html" class="btn btn-lg btn-bd-purple mb-3 mb-md-0 mr-md-3" onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">快速入门</a>
        <a href="docs/download.html" class="btn btn-lg btn-outline-secondary  mb-3 mb-md-0 mr-md-3" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download 4.0.0');">下载 Bootstrap</a>
        </div>
          

          <div class="card">
            <div class="card-header">
              在线学习课程
            </div>
            <div class="card-body">
              <h5 class="card-title">Bootstrap 4.5从入门到实战全套教程共52集  高洛峰 </h5> 
              <a href="https://www.bilibili.com/video/BV1CA411v7wW/" class="btn btn-primary btn-sm">点击我进入 B站在线学习课程</a><hr class="mt-2">
              <a href="https://gitee.com/liukuaizhuan/bootstrap4/raw/master/BootStrap.pptx" class="btn btn-dark btn-sm">点击下载自己整理的bootstrap文档</a>
            </div>
          </div>

           
      </div>
    </div>
  </div>
</main>
 
 
 
 
 
<script src="js/jquery-3.2.1.slim.min.js"></script> 
<script src="assets/js/vendor/jquery-slim.min.js"></script> 
<script src="dist/js/popper.min.js"></script> 
<script src="dist/js/bootstrap.min.js"></script> 
<script src="assets/js/docs.min.js"></script> 
<script src="assets/js/ie-emulation-modes-warning.js"></script>  
</body>
</html>